<template>
  <div class="container">
    <!-- 登录按钮部份 -->
    <div class="center-view-login">
      <img src="http://www.mobiletrain.org/images_index/right-fixed-face.png" alt="" />
      <div>立即登录</div>
    </div>
    <van-grid :column-num="2" :border="false">
      <van-grid-item icon="photo-o" text="文字" />
      <van-grid-item icon="photo-o" text="文字" />
    </van-grid>
    <div class="setttings">
      <van-cell title="单元格" is-link>
        <template #icon>
          <!-- <van-icon name="star-o" class="icon" /> url-loader -->
          <img
            src=""
            alt=""
            class="icon"
          />
        </template>
      </van-cell>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style lang="scss" scoped>
.container {
  background: #f4f4f4;

  .center-view-login {
    text-align: center;
    height: 200px;
    background: url(https://assets.maizuo.com/h5/v5/public/app/img/bg.a5bdd690.png);
    background-size: cover;
    display: flex;
    align-items: center;
    img {
      margin-left: 20px;
      width: 80px;
      height: 80px;
    }
    div {
      margin-left: 20px;
      font-size: 18px;
      color: white;
    }
  }
  .setttings {
    margin-top: 20px;
  }
  .icon {
    font-size: 20px;
    width: 20px;
    height: 20px;
    color: red;
    font-weight: bold;
    margin-right: 10px;
  }
}
</style>
